<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input类型</title>
</head>
<body>
<form action="#" method="get">
  请输入您的邮箱：<input type="email" name="frommail"><br/>
  请输入个人网址：<input type="url" name="user_url"><br/>
  请输入电话号码：<input type="tel" name="telphone" pattern="^\d{11}"/><br/>
  输入搜索关键词：<input type="search" name="searchinfo"><br/>
  请输入数值：<input type="number" name="number1" value="1" min="1" max="20" step="2"><br/>
  请选取一种颜色：<input type="color" name="color1">
  <input type="color" name="color2" value="#FF3E96">
  <input type="submit" value="提交">
</fo>
</body>
</html>